<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/denglu.css">
</head>

<body>
    <div class="box left">
    </div>
    <form action="" method="POST" class="right">
        <div class="first clear">
            <a href="#" class="denglu">密码登录
            </a>
            <a href="./zhuce.html" class="zhuce">短信登陆/注册
                <i class="to1"></i>
                <i class="to2"></i>
            </a>
        </div>
        <div class="fudong">
            <img src="./img/二维码.png" alt="">
        </div>
        <p class="spcial">
            <a href="#"> &nbsp;&nbsp; &nbsp;&nbsp;+86 &nbsp;&nbsp;<img src="./img/下拉.png" alt="">&nbsp;&nbsp;|</a>
            <input type="text" placeholder="请输入手机号" />
        </p>
        <p class="spcia2 clear">
            <input type="text" placeholder="请输入手机号" />
            <img src="./img/闭眼.png" onmousemove="this.src='./img/睁眼.png'" onmouseout="this.src='./img/闭眼.png'">
        </p>
        <div class="clear wenzi">
            <span class="left">邮箱登录</span>
            <span class="right">忘记密码</span>
        </div>
        <a href="./me.html">
            <p class="next">
                <input type="button"><span>登录</span>
            </p>
        </a>
        <p class="xuanze01">
            <input type="checkbox" id="queding" class="text">
            <label for="queding">记住我</label>
            <span>下载 <a href="#">喜马拉雅</a> ，体验更多内容</span>
        </p>
        <div class="thied clear">
            <i class="left"></i> <span>第三方账号登录</span>
            <i class="right"></i>
        </div>
        <div class="lastchild clear">
            <a href="#">
                <li class="beijing1">
                    <img src="./img/qq.png" alt="">
                </li>
            </a>
            <a href="#">
                <li class="beijing1"><img src="./img/微信.png" alt=""></li>
            </a>
            <a href="#">
                <li class="beijing1"><img src="./img/微博.png" alt=""></li>
            </a>
        </div>
        <div class="footer">
            <a href="#">企业账号登陆注册></a>
        </div>
    </form>
</body>

</html>